<script lang="ts" setup>
import { buttonProps } from '@/components/BasicButton/prpos';

const props = defineProps(buttonProps);
const emits = defineEmits(['click']);
function click() {
  emits('click');
}
</script>

<template>
  <view class="default-btn" :disabled="props.disabled" @tap="click">
    <slot />
  </view>
</template>

<style lang="scss" scoped>
.default-btn {
  color: #fff;
  border-width: 4rpx;
  border-color: #bfdbfe;
  border-style: solid;
  border-radius: 6rpx;
  background-color: #60a5fa;
  padding: 12rpx 26rpx;
  display: inline-block;
  font-size: 24rpx;
  &:hover {
    background-color: #3b82f6;
  }
}
</style>
